<template>
  <div class="box1">
    <div class="nav">
      <uni-icons
        class="icon"
        @click="huitui"
        color="#fff"
        ;
        type="back"
        size="20"
      ></uni-icons>
      <text class="fabu"> 新房出租</text>
    </div>

    <view class="con">
      <publishZu></publishZu>
    </view>
  </div>
</template>

<script setup>
// import {Zujian} from '@/components/zujian/zujian.vue';
// 退回首页
const huitui = () => {
  uni.switchTab({
    url: "/pages/publish/publish",
  });
  uni.removeStorageSync("xiaoqu");
  uni.removeStorageSync("types");
  uni.removeStorageSync("quyu");
  uni.removeStorageSync("zong");
  uni.removeStorageSync('huxing')
  uni.removeStorageSync('chao')
  uni.removeStorageSync('zhuang')
};
</script>

<style lang="scss">
.box1 {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  .nav {
    width: 100vw;
    height: 100px;
    background: linear-gradient(to right, #3e85ef, rgb(46, 175, 255));
    display: flex;
    position: relative;
    .fabu {
      position: absolute;
      left: 50%;
      top: 60%;
      transform: translate(-50%, -50%);
      color: #fff;
    }
    .icon {
      position: absolute;
      top: 50%;
      left: 10px;
    }
  }
  .con {
    flex: 1;
    position: relative;
    overflow: auto;
  }
}
</style>
